<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的账户-银行卡</title>
		<jsp:include page="/include/wchat/head.jsp"></jsp:include>
		<script src="/v2/local/js/common/jquery-1.8.3.min.js"
			type="text/javascript"></script>
		<script src="/v2/local/js/common/global-1.1.0.min.js"
			type="text/javascript"></script>
		<link type="text/css" rel="stylesheet"
			href="/v2/wchat/resrc/css/account.css">
		<link href="/v2/local/css/account/account.css" type="text/css"
			rel="stylesheet" />
	</head>
	<body>
		<div id="header">
			<a href="/wchatAccount.do" class="backto">返回</a>
			<div class="title-sub">
				银行卡管理
			</div>
		</div>
		<div id="wrap" class="bankCard">
			<div class="bankcards" id="AddBankCardCont">
				<s:if
					test="#request.bankCardList != null && #request.bankCardList.size() > 0">
					<s:iterator value="#request.bankCardList" var="bankCard">
						<div class="model-box bank-card newBankCard">
							<div class="head">
								<div class="bank-logo">
									<i class="bank-small banksmall-${bankCard.bankId}"></i>${bankCard.bankName}
									<s:if test="#bankCard.isLianpayCard == 1">(快捷卡)</s:if>
								</div>

								<div class="bank-status" style="padding-left: 15px;">
									<s:if test="#bankCard.cardStatus == 1">
										<i class="icons cm-green"
											style="position: absolute; left: 0; top: 6px;"></i>已绑定
										</s:if>
									<s:elseif test="#bankCard.cardStatus == 2">审核中</s:elseif>
									<s:elseif test="#bankCard.cardStatus == 3">绑定失败</s:elseif>
								</div>

							</div>
							<div class="content">
								<ul>
									<li>
										<b>尾号</b>
										<em>${bankCard.lastCardNo}</em>
									</li>
									<li>
										<b>户名</b> ${bankCard.cardUserName}
									</li>
									<li>
										<b>开户行</b> ${bankCard.branchBankName}
									</li>
								</ul>
							</div>
							<div class="foot">
								<div class="bank-action">
									<form class="unbindForm">
										<input name="bindChannel" value="1" type="hidden">
										<input id="unbindCardId" name="unbindCardId" value="105264"
											type="hidden">
									</form>


								</div>

							</div>
						</div>
					</s:iterator>
				</s:if>
				<s:elseif
					test="#request.bankCardList == null || #request.bankCardList.size() <= 0">
					<div class="model-box bank-card bank-card-add">
						<div class="bank-add-button">
							<a href="/quickpayment.do"><i class="icons add-blue"></i>充值绑定银行卡</a>
						</div>
						<div class="bank-card-opt">
							<div class="head">
								<div class="title">
									<i class="icons add-gray"></i>充值绑定银行卡
								</div>
							</div>
							<form id="addNewCardForm" action="" method="post">
								<input name="isbind" id="isbind" value="1" type="hidden">
								<input name="addChannel" value="1" type="hidden">
								<div class="bank-items">
									<ul>
										<li>
											<label>
												持卡人
											</label>
											<input class="input" name="userName" id="BankUserName"
												value="${realName}" style="background: #f0f5f7"
												readonly="true" type="text">
										</li>
										<li>
											<label>
												卡号
											</label>
											<input class="input" name="cardNo" id="BankCardNumber"
												value="" maxlength="19" type="text">
										</li>
										<li>
											<label>
												银行
											</label>
											<select class="bankSelect" name="bankCheckSelect"
												id="bankCheckSelect" onchange="setBank();">
												<option value="未选择银行">
													请选择
												</option>
												<option value="中国工商银行_102">
													中国工商银行
												</option>
												<option value="中国建设银行_105">
													中国建设银行
												</option>
												<option value="中国农业银行_103">
													中国农业银行
												</option>
												<option value="中国邮政储蓄银行_403">
													中国邮政储蓄银行
												</option>
												<option value="中国银行_104">
													中国银行
												</option>
												<option value="交通银行_301">
													交通银行
												</option>
												<option value="招商银行_308">
													招商银行
												</option>
												<option value="中国光大银行_303">
													中国光大银行
												</option>
												<option value="上海浦东发展银行_310">
													上海浦东发展银行
												</option>
												<option value="华夏银行_304">
													华夏银行
												</option>
												<option value="广东发展银行_306">
													广东发展银行
												</option>
												<option value="中信实业银行_302">
													中信实业银行
												</option>
												<option value="兴业银行_309">
													兴业银行
												</option>
												<option value="中国民生银行_305">
													中国民生银行
												</option>
												<option value="平安银行_307">
													平安银行
												</option>
												<option value="国家开发银行_201">
													国家开发银行
												</option>
												<option value="首都银行及信托公司_616">
													首都银行及信托公司
												</option>
												<option value="中国进出口银行_202">
													中国进出口银行
												</option>
												<option value="渣打银行_671">
													渣打银行
												</option>
												<option value="中国农业发展银行_203">
													中国农业发展银行
												</option>
												<option value="德意志银行_712">
													德意志银行
												</option>
												<option value="城市商业银行_904">
													城市商业银行
												</option>
												<option value="澳新银行_761">
													澳新银行
												</option>
												<option value="香港上海汇丰银行_501">
													香港上海汇丰银行
												</option>
												<option value="珠海南通银行_771">
													珠海南通银行
												</option>
												<option value="东亚银行_502">
													东亚银行
												</option>
												<option value="宁波国际银行_772">
													宁波国际银行
												</option>
												<option value="南洋商业银行_503">
													南洋商业银行
												</option>
												<option value="新联商业银行_773">
													新联商业银行
												</option>
												<option value="恒生银行_504">
													恒生银行
												</option>
												<option value="协和银行_774">
													协和银行
												</option>
												<option value="集友银行_506">
													集友银行
												</option>
												<option value="厦门国际银行_781">
													厦门国际银行
												</option>
												<option value="廖创兴银行_507">
													廖创兴银行
												</option>
												<option value="福建亚洲银行_783">
													福建亚洲银行
												</option>
												<option value="友利银行_593">
													友利银行
												</option>
												<option value="浙江商业银行_784">
													浙江商业银行
												</option>
												<option value="新韩银行_595">
													新韩银行
												</option>
												<option value="华商银行_785">
													华商银行
												</option>
												<option value="韩亚银行_597">
													韩亚银行
												</option>
												<option value="青岛国际银行_786">
													青岛国际银行
												</option>
												<option value="马来亚银行_611">
													马来亚银行
												</option>
												<option value="华一银行_787">
													华一银行
												</option>
											</select>
											<input type="hidden" name="BankCheck" id="BankCheck" value="" />
											<input type="hidden" name="bankId" id="bankId" value="" />
										</li>
										<li>
											<label>
												开户行
											</label>
											<input class="input" name="bankName" id="HouseBankName"
												type="text">
											<input id="HouseBankCode" name="accountBankId" type="hidden">
										</li>
									</ul>
									<div class="Error"></div>
								</div>
							</form>
							<div class="foot">
								<div class="bank-action">
									<a href="javascript:;" class="r3 bank-delete" id="cancelBank"><i
										class="icons yclose"></i>取消</a><a href="javascript:addnewcard1();"
										class="r3 bank-bind" id="AddBankCardButton"><i
										class="icons cm-white"></i>添加</a>
								</div>
							</div>
						</div>
					</div>
				</s:elseif>
			</div>
			<input type="hidden" id="realnameFlag"
				value="${session.user.isBindIdNo}">
		</div>

		<jsp:include page="/include/wchat/footer.jsp"></jsp:include>
		<script type="text/javascript" src="/v2/local/js/common/page.js"></script>
		<script type="text/javascript">
	if ($('#tradeTable tr').length > 6) {
		$('#tradeTable tr:even').addClass('double');
	};
	$(function() {
		var bankDialog = $('#BankSelectDialog');
		var bankMore = bankDialog.find('.bank-more a');
		var blanks = bankDialog.find('.bank-text');
		/*
		bankMore.click(function() {
			if (blanks.is(':visible')) {
				bankMore.find('.icons').removeClass('arrow-up').addClass(
						'arrow-down');
				blanks.hide()
			} else {
				bankMore.find('.icons').removeClass('arrow-down').addClass(
						'arrow-up');
				blanks.show()
			}
			Util.jDialog.Modal('BankSelectDialog', 'BankSelectEntry');
		});*/
	});
	function setBank() {
		var bankName = $("#bankCheckSelect").val();
		var strs = $.trim(bankName.slice(0, -4));
		var code = $.trim(bankName.slice(-3));
		$("#BankCheck").val(strs);
		$("#bankId").val(code);
	}
	function addnewcard1() {
		$("#AddBankCardButton").attr("href", "javascript:;")
		if (addNewCardCheck()) {
			var param = {}
			param["paramMap.bankName"] = $("#BankCheck").val(); //开户行
			param["paramMap.bankId"] = $("#bankId").val(); //开户行ID
			param["paramMap.subBankName"] = $.trim($("#HouseBankName").val()); //支行
			param["paramMap.bankCard"] = $.trim($("#BankCardNumber").val()); //卡号
			param["paramMap.cardUserName"] = $.trim($("#BankUserName").val());//户名
			param["paramMap.bankCity"] = $.trim($("#bankCity").text());//开户城市
			$
					.ajax( {
						dataType : 'json',
						url : environment.basePath + "/addBankInfo.do",
						data : param,
						type : 'POST',
						beforeSend : function() {

						},
						success : function(data) {
							if (data == "1") {
								$(".Error").html("*该银行卡已有用户绑定").show();
								$("#AddBankCardButton").attr("href",
										"javascript:addnewcard();")
							} else if (data == "2") {
								$(".Error")
										.html(
												"*您已经添加了两张银行卡，继续添加，可拨打4008-893-983转人工服务，申请变更银行卡信息")
										.show();
								$("#AddBankCardButton").attr("href",
										"javascript:addnewcard();")
							} else {
								$(".Error").html("").hide();
								window.location.href = environment.basePath
										+ "/wchatYhbound.do";
							}
						},
						error : function() {
							$("#AddBankCardButton").attr("href",
									"javascript:addnewcard();")
						}
					});
		} else {
			$("#AddBankCardButton").attr("href", "javascript:addnewcard();")
		}
	}
</script>
		<script type="text/javascript" src="/v2/local/js/common/realname.js"></script>
		<script type="text/javascript" src="/v2/local/js/account/bankcard.js"></script>

	</body>
</html>